<template>
	<view class="app-container">
		<cell-two title="头像">
			<template v-slot:right>
				<image class="icon-avatar" :src="user.avatar ? user.avatar : defaultAvatar"></image>
			</template>
		</cell-two>
		<cell-two title="昵称">
			<template v-slot:right>
				<view>{{user.nickname}}</view>
			</template>
		</cell-two>
		<cell-two title="性别">
			<template v-slot:right>
				<view>{{user.userInfo.gender ? '女' : '男' }}</view>
			</template>
		</cell-two>
		<cell-two title="地区">
			<template v-slot:right>
				<view>中国</view>
			</template>
		</cell-two>
		<cell-two title="地址">
			<template v-slot:right>
				<view>{{user.userInfo.avatar}}</view>
			</template>
		</cell-two>
		<cell-two title="个性签名">
			<template v-slot:right>
				<view>{{user.userInfo.motto}}</view>
			</template>
		</cell-two>
		<cell-two title="二维码名片">
			<template v-slot:right>
				<image class="icon" src="../../static/images/code-small.png"></image>
			</template>
		</cell-two>
	</view>
</template>

<script>
	import CellTwo from '../../components/cell-two.vue'
	import {getUser} from '../../utils/auth.js'
	export default {
		components:{
			CellTwo
		},
		data() {
			return {
				user:{},
				defaultAvatar:require("../../static/images/avatar.png")
			}
		},
		onLoad() {
			this.user = getUser()
		},
		methods:{
			
		}
	}
</script>

<style>
</style>
